#mapCon {
	width: 100%;
	height: 100%;
	position: absolute;
}
/* 鼠标位置控件层样式设置 */
#mouse-position {
	float: left;
	position: absolute;
	bottom: 5px;
	width: 200px;
	height: 20px;
	/*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
	z-index: 2000;
}
/* 鼠标位置信息自定义样式设置 */
.custom-mouse-position {
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-family: '微软雅黑';
}

/*比例尺位置*/
.map-scalebar{
	float: left;
	position: absolute;
	bottom: 0;
	left:170px;
	/*width: 200px;*/
	/*height: 20px;*/
	/*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
	z-index: 2000;
}

/*=S 自定义鹰眼样式 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
	bottom: 0;
	left: auto;
	/* 右侧显示 */
	right: 0;
	/* 顶部显示 */
	top: auto;
}
/* 鹰眼控件展开时控件外框的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) {
	border: 1px solid black;
}
/* 鹰眼控件中地图容器样式 */
.ol-custom-overviewmap .ol-overviewmap-map {
	border: none;
	width: 300px;
}
/* 鹰眼控件中显示当前窗口中主图区域的边框 */
.ol-custom-overviewmap .ol-overviewmap-box {
	border: 2px solid red;
}
/* 鹰眼控件展开时其控件按钮图标的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) button {
	bottom: 1px;
	left: auto;
	right: 1px;
	top: auto;
}
.ol-overviewmap {
	/* left: .5em; */
	left: auto !important;
	bottom: .5em;

}

/* 图层控件层样式设置 */
.layerControl {
position: absolute;
bottom: 5px;
min-width: 200px;
max-height: 160px;
right: 10px;
/*top: 5px;*/
top: 75px;
/*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
z-index: 2001;
color: #ffffff;
background-color: #4c4e5a;
/*边缘的宽度*/
border-width: 10px;
/*圆角的大小 */
border-radius: 10px;
/*边框颜色*/
border-color: #000 #000 #000 #000;
}

.layerControl .title {
font-weight: bold;
font-size: 15px;
margin: 10px;
}
.layerTree{
padding-inline-start: 15px;
}
.layerTree li {
list-style: none;
margin: 5px 10px;
font-size: 12px;
width:22px; /*后来新增的一个属性*/
}
li .layer{
position: absolute;
margin-top: 0px;
}

/*基于Zondy案例的popup的样式*/
/*.ol-popup {
position: absolute;
background-color: white;
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
padding: 15px;
border-radius: 10px;
border: 1px solid #cccccc;
!*bottom: 45px;
left: -50px;*!
bottom: 50px;
left: 50px;
!*max-width:300px;*!   !*暂不限制宽度*!
min-width:100px;
min-height:1em;
max-height:450px;  !*限制高度，以免偏离视图太远*!
}*/
.ol-popup {
position: absolute;
	/*background-color: white;*/
	background-color: rgba(0,0,0,0.45);
	color: rgba(255,255,255,0.8);
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
padding: 15px;
border-radius: 10px;
border: 1px solid #cccccc;
bottom: 45px;
left: -50px;
/*max-width:300px;  !*暂不限制宽度*!
min-width:100px;
min-height:1em;
max-height:450px;  !*限制高度，以免偏离视图太远*!*/
}

.ol-popup:after,
.ol-popup:before {
top: 100%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.ol-popup:after {
border-top-color: white;
border-width: 10px;
left: 48px;
margin-left: -10px;
}

.ol-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 48px;
margin-left: -11px;
}

.ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}

.ol-popup-closer:after {
content: '✖';
}

#popup-content {
font-size: 14px;
font-family: '微软雅黑';
}

#popup-content .markerInfo {
font-weight: bold;
}

/*地图信息窗口的表格样式（多个页面要用到）*/
.iftp table,
.iftp table tr th,
.iftp table tr td { border:1px solid #ffffff;}
.iftp table { width: 350px; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse; padding:2px;}
